@charset 'utf-8';

@import 'common/reset';
@import 'common/common';



.web-items{
    width: 100%;
}
.item-top-poster{
    display: block;
    margin-bottom: r(-5px);
}
.item-form{
    background-color: #2d7fed;
    padding: r(55px) r(25px) r(30px) r(25px);
    margin-bottom: r(-5px);
    .form-inps{
        margin-bottom: r(36px);
    }
}
.item-feature{
    background-color: #2d7fed;
}
.register-hint-text.is-active{
    margin-bottom: r(14px);
}
// .item-feature{
//     background-color: #2d7fed;
//     padding-top: r(14px);
//     padding-bottom: r(24px);
//     .feature-ul{
//         margin-left: r(10px);
//         .feature-ul-li{
//             .feature-ul-li-left{
//                 z-index: 10;
//                 position: relative;
//                 width: r(140px);
//                 height: r(140px);
//                 border-radius: 50%;
//                 display: inline-block;
//                 vertical-align: middle;
//                 .feature-ul-li-left-circle{
//                     position: absolute;
//                     top: 50%;
//                     left: 50%;
//                     transform: translate(-50%,-50%);
//                     width: r(120px);
//                     height: r(120px);
//                     border-radius: 50%;
//                     background-color: #fff;
//                     line-height: r(120px);
//                     text-align: center;
//                     font-size: r(38px);
//                     font-weight: 900;
//                     color: #f5a765;
//                 }
//             }
//             .feature-ul-li-right{
//                 position: relative;
//                 top: 0;
//                 left: 0;
//                 background-color: #66a2f2;
//                 border-radius: 2em; 
//                 vertical-align: middle;
//                 width: r(500px);
//                 display: inline-block;
//                 padding-top: r(30px);
//                 padding-bottom: r(18px);
//                 img{
//                     width: r(58px);
//                     vertical-align: middle;
//                     margin-left: r(10px);
//                     margin-right: r(20px);
//                 }
//                 span{
//                     font-size: r(26px);
//                     line-height: r(32px);
//                     font-weight: bold;
//                     color: #fff;
//                     display: inline-block;
//                     width: 70%;
//                     vertical-align: middle;
//                 }
//             }
//         }
//     }
// }

.register-hint.is-active{
    margin-bottom: r(64px);
}
.register-inp.is-active{
    margin-bottom: r(36px);
}
.register-hint-text.is-active{
    width: r(266px);
}
.register-btn-apply.is-active{
    display: none;
    position: fixed;
    bottom: 5px;
    left: 0;
}